﻿{% extends "meetup_group_frame.html" %}
{% block title %}
创建相聚小组----New Life Starts Today!
{% endblock %}

{% block content %}
<div id="C_page">
  <div id="C_pageBody">
    <div id="C_context">
      <div class="D_box">
        <div class="D_boxbody">
          <div class="D_boxhead">
            <h1>创建你和朋友们的活动空间!</h1>
          </div>
          <div class="D_boxsection divby5">
            <div class="D_col spans3 first">
              <div class="D_colbody">
              {% if anonymous %}
              	<form method="post" action="/accounts/login/">
              {% else %}
                <form method="post" action="">
              {% endif %}
                  <table class="form nodividers locGroupName D_form">
                    <tbody>
                      <tr class="first">
                        <th><label>小组主要活动地点:</label></th>
                        <td><div>
                            <div class="inlineForm locMenu" id="locMenu" title="">
                              <div class="D_form_compact" id="formLocation">
                                <div class="element coPicker"> <span class="label">
                                    <label for="city">城市</label>
                                  </span>
                                  <span class="input">
                                    <select name="city" id="city" class="locNameUpdateCountry">
                                      <option value="北京">北京</option>
                                      <option value="others">----------------</option>
                                    </select>
                                  </span>
                                </div>
                                <div id="locPicker" class="element">
                                  <div id="locSwitchable">
                                    <span class="label">
                                      <label for="district" >市区</label>
                                    </span>
                                    <span class="input">
                                      <select name="district" id="id_district">
                                        <option value="海淀区">海淀区</option>
                                        <option value="朝阳区">朝阳区</option>
                                      </select>
                                  </span>
                                 </div>
                                </div>
                              </div>
                            </div>
                          </div></td>
                      </tr>
                      <tr class="">
                        <th><label>小组名称:</label></th>
                        <td><input name="groupname" id="name" style="width: 90% ! important;" value="{{form.name.data|default:""}}" maxlength="60" class="hasMaxLen maxChars60 text locNameUpdateName" type="text">
                          <div style="visibility: hidden;"> <span id="charCount_name" class="limit">60 characters left</span> </div>
                          <div class="D_locNameExample J_locNameExample"> 一个清晰的组名可以告诉聚友<strong>活动主要位置</strong> 和 <strong class="D_nobr">最想做的事情</strong>, 就像&#8230;
                            <ul>
                              <li>海淀 大学生 K歌小组</li>
                              <li>密云Hiking小组</li>
                            </ul>
                          </div></td>
                      </tr>
                      <tr class="">
                        <th><label>Hey, 让你的聚友们快速了解你的小组吧：</label></th>
                        <td><textarea style="width: 90% ! important; height: 12em;" name="description" id="description" value="{{form.description.data|default:""}}" class="hasMaxLen maxChars5000"></textarea>
                          <div style="visibility: hidden;"><span id="charCount_short_desc" class="limit">5000 characters left</span></div></td>
                      </tr>
                      <tr>
                        <th>給组员起个名字？</th>
                        <td><input style="width: 90% ! important;" class="text" name="memberdesc" value="" type="text">
                          <div class="D_locNameExample J_locNameExample"><strong>比如说：</strong>玉米、筒子、妈妈们、张三的同胞等
                          </div>
                        </td>
                      </tr>
                      <tr>
                        <th>成员上限:</th>
                        <td><input style="width: 90% ! important;" class="text" name="member_limit" value="{{form.member_limit.data|default:"50"}}" type="text">
                        </td>
                      </tr>
                      {% if anonymous %}
                      <tr style="background-color:#FFCCCC">
                        <th>你的邮件:</th>
                        <td><input style="width: 90% ! important;" class="text" name="email" value="{{form.email.data|default:""}}" type="text">
                        </td>
                      </tr>
                      <tr style="background-color:#FFCCCC">
                        <th>你的密码:</th>
                        <td><input style="width: 90% ! important;" class="text" name="password" value="{{form.password.data|default:""}}" type="password">
                        </td>
                      </tr>
                      {% endif %}
                      <tr class="last">
                        <th></th>
                        <td><label>
                          <button type="submit" name="Submit" class="D_submit">同意条款，创建新组</button>
                          </label>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </form>
              </div>
            </div>
            <div class="D_col spans2 last">
              <div class="D_colbody">
                <div class="D_steps storytime storytimeCallout">
                  <h2>碰头吧致力于帮助人们组织真实的、线上线下统一的组织！</h2>
                  <h3>碰头吧可以帮你：</h3>
                  <ul style="margin-bottom: 1em;">
                    <li>找到和你志同道合的朋友</li>
                    <li>轻松运营和管理一个群组</li>
                  </ul>
                  <h3>每个碰头吧群组可以得到：</h3>
                  <ul style="margin-bottom: 1em;">
                    <li>个性化的群组站点</li>
                    <li>对加入者的可控管理</li>
                    <li>方便的进入各大搜索引擎的结果中</li>
                    <li>消息黑板报/消息列表</li>
                    <li>帮助运营一个成功的组织</li>
                  </ul>
                  <div style="border-top: 1px solid rgb(204, 204, 204); margin: 0pt auto 0.25em; padding-top: 1em;">
                    <h3>感性描述：</h3>
                    <p>来吧，创建我们自己的兴趣小组，和你的朋友一起讨论感兴趣的话题，也
                      可以认识更多的朋友，组织你们喜欢的活动，来吧，组织起来，抛开陌生的外衣，
                      有缘的注定或是偶遇的邂逅，让我们相识、相聚在一起！</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- C_context -->
  </div>
  <!-- C_pageBody -->
</div>
<!-- C_page -->
{% endblock %} 
